<template>
	<div class="common-nav">
		<mu-container>
			<mu-bottom-nav>
				<mu-bottom-nav-item 
									title="首页" 
									icon="account_balance"
									to='/'
				></mu-bottom-nav-item>
				<mu-bottom-nav-item 
									title="消息" 
									icon="sms"
									to='/message'
				></mu-bottom-nav-item>
				<mu-bottom-nav-item 
									title="关注" 
									icon="favorite"
									to='/hot'
				></mu-bottom-nav-item>
				<mu-bottom-nav-item 
									title="个人" 
									icon="person_pin"
									to='/users'
				></mu-bottom-nav-item>
			</mu-bottom-nav>
		</mu-container>
	</div>
</template>

<script>
	export default {
		name: 'common-nav-bar'
	}
</script>

<style lang="stylus" scoped>
	.common-nav
		position:fixed
		bottom:0
		left:0
		right:0
</style>
